<#macro table_head>
<thead>
    <tr>
        <#nested >
    </tr>
</thead>
</#macro>

<#macro table_body css_ex="" extraV2="">
    <tbody class="${css_ex}" style="min-height: 100px" ${extraV2}>
        <#nested>
    </tbody>
</#macro>

<#macro table extra extrav2="">
    <div class="table-responsive noSwipe">
        <table class="table ${extra}" ${extrav2}>
            <#nested>
        </table>
    </div>
</#macro>

<#macro table_tools>
<div class="dataTables_wrapper">
    <div class="table-tools">
        <#nested>
    </div>
</div>
</#macro>


<#macro table_footer status>
    <div class="row be-datatable-footer">
        <div class="col-sm-5">
            <div class="dataTables_info"
                 id="table1_info"
                 role="status"
                 aria-live="polite">
                ${status}
            </div>
        </div>
        <div class="col-sm-7">
            <div class="dataTables_paginate paging_simple_numbers" id="table1_paginate">
                <ul class="pagination">
                    <#nested>
                </ul>
            </div>
        </div>
    </div>
</#macro>
<#macro table_footer_ex status>
    <div class="row be-datatable-footer">
        <div class="col-sm-5">
            <div class="dataTables_info"
                 id="table1_info"
                 role="status"
                 aria-live="polite">
                ${status}
            </div>
        </div>
        <div class="col-sm-7">
            <div class="dataTables_paginate paging_simple_numbers" id="table1_paginate">
                <#nested>
            </div>
        </div>
    </div>
</#macro>

<#macro table_wrap table_title html_ex="">
<div class="card card-table">
    <div class="card-header">
        ${table_title}
    </div>
    <div class="card-body">
        <div class="noSwipe">
            <div class="dataTables_wrapper dt-bootstrap4" style="padding-bottom: 0;" ${html_ex}>
                <#nested>
            </div>
        </div>
    </div>
</div>
</#macro>
<#macro card_table>
<div class="card card-table">
    <#nested>
</div>
</#macro>

<#macro card_body>
    <div class="card-body">
        <div class="dataTables_wrapper">
            <#nested>
        </div>
    </div>
</#macro>
<#macro card_header table_title>
    <div class="card-header">
        ${table_title}
    </div>
</#macro>

<#macro table_filter>
<div class="row table-filters-container" style="border-bottom: 0;">
    <div class="col-12 col-lg-12 col-xl-6">
        <div class="row">
            <div class="col-12 col-lg-6 table-filters pb-0 pb-xl-4"><span class="table-filter-title">分组筛选</span>
                <div class="filter-container">
                    <form>
                        <div class="row">
                            <div class="col-12">
                                <label for="filter-group" class="control-label">请选择分组标签:</label>
                                <select name="goodsGroups" id="filter-group"
                                        class="select2-hidden-accessible filter-group"
                                        tabindex="-1" aria-hidden="true" >

                                </select>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-12 col-lg-6 table-filters pb-xl-4"><span class="table-filter-title">分类筛选</span>
                <div class="filter-container">
                    <form>
                        <div class="row">
                            <div class="col-12">
                                <label for="filter-category" class="control-label">请选择分类标签:</label>
                                <select name="goodsCategory" id="filter-category"
                                        class="select2-hidden-accessible filter-category"
                                        tabindex="-1" aria-hidden="true" >
                                    <option value="1" selected="">无</option>
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</#macro>

<#macro custom_control>
    <label class="custom-control custom-control-sm custom-checkbox">
        <input type="checkbox" class="custom-control-input">
        <span class="custom-control-label"></span>
    </label>
</#macro>

